<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="../layout/templateGeneral.xhtml">




	<ui:define name="contenido">
		<br />
		<div class="tituloSec">
			<h:outputText value="Pedidos" />
		</div>
		<h:form id="formPedidos">
			<div class="subSec">
				<h:outputText value="B&uacute;squeda" />
			</div>
			<h:panelGrid columns="2" border="0" cellpadding="0" id="panelCampos"
				cellspacing="0" width="100%">
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="Fecha:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<rich:calendar enableManualInput="true" datePattern="yyyy-MM-dd"
								value="#{pedidosBean.fechaPedido}" />
						</h:panelGroup>

					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="5">
						<h:panelGroup>
							<h:outputText value="Rango de fechas:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:outputText value="Desde" styleClass="textogeneral" />
						</h:panelGroup>
						<h:panelGroup>
							<rich:calendar enableManualInput="true" datePattern="yyyy-MM-dd"
								value="#{pedidosBean.fechaIni}" inputStyle="cajaSimple" />
						</h:panelGroup>
						<h:panelGroup>
							<h:outputText value="hasta:" styleClass="textogeneral" />
						</h:panelGroup>
						<h:panelGroup>
							<rich:calendar enableManualInput="true" datePattern="yyyy-MM-dd"
								value="#{pedidosBean.fechaFin}" />
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="Sucursal:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:selectOneMenu id="selectFuga" styleClass="combo"
								value="#{pedidosBean.sucursal}" defaultLabel="Seleccione">
								<f:selectItems value="#{pedidosBean.sucursalList}" />
							</h:selectOneMenu>
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="Centro de costo:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:selectOneMenu styleClass="combo" value="#{pedidosBean.cc}">
								<f:selectItems value="#{pedidosBean.ccList}" />
							</h:selectOneMenu>
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="Estado:" styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:selectOneMenu styleClass="combo"
								value="#{pedidosBean.estadoPedido}">
								<f:selectItems value="#{cacheParametrosBean.estadosPedidoList}" />
							</h:selectOneMenu>
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
						<h:panelGroup>
							<h:outputText value="C&oacute;digo del pedido:"
								styleClass="txtUnoVin" />
						</h:panelGroup>
						<h:panelGroup>
							<h:inputText size="30" styleClass="cajaSimple"
								style="width:168px;" maxlength="20" value="#{pedidosBean.codigoPedido}"/>
						</h:panelGroup>
					</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup></h:panelGroup>
				<h:panelGroup>
					<div align="right" style="width: 98%;">
						<h:panelGrid columns="2" border="0" width="1%" id="buscarCancelar">

							<h:panelGroup>

								<a4j:commandButton styleClass="boton" value="Buscar"
									id="buscar1" render="tablaResultados,paginadorResultados"
									action="#{pedidosBean.buscar}" >
								</a4j:commandButton>

							</h:panelGroup>
							<h:panelGroup>

								<a4j:commandButton styleClass="botonLimpiar" value="Limpiar"
									render="panelCampos,tablaResultados,paginadorResultados" id="cancelar1"
									action="#{pedidosBean.limpiar}" />
							</h:panelGroup>

						</h:panelGrid>
					</div>
				</h:panelGroup>

			</h:panelGrid>


			<h:panelGrid style="width:100%" cellpadding="0" cellspacing="0">
				<h:panelGroup>
					<div class="subSec">
						<h:outputText value="Resultados" />
					</div>
				</h:panelGroup>
			</h:panelGrid>
			<h:panelGrid columns="7">
				<h:panelGroup>
					<div class="estadoDigitado">Digitado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoTramitado">Tramitado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoAutorizado">Autorizado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoDespachado">Despachado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoRecibido">Recibido</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoCancelado">Anulado</div>
				</h:panelGroup>

			</h:panelGrid>
			<rich:dataTable id="tablaResultados" cellspacing="1" cellpadding="1"
				border="0" styleClass="tablas" rowClasses="impar,par"
				style="width:99%" rows="5" value="#{pedidosBean.listaPedidos}"
				var="fila" iterationStatusVar="varkey">

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="ID" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['ID']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Fecha" />
					</f:facet>
					<h:outputText value="#{fila['FECHA_PEDIDO']}" />
				</rich:column>

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Empresa" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['EMPRESA']}" />
				</rich:column>

				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Sucursal" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['SUCURSAL']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Centro de Costo" escape="false" />
					</f:facet>
					<h:outputText value="#{fila['CENTRO_COSTO']}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}"
					style="width:10%">
					<f:facet name="header">
						<h:outputText value="Porcentaje de Avance" escape="false" />
					</f:facet>
					<h:outputText value="20%" rendered="#{fila['ESTADO']=='D'}" />
					<h:outputText value="40%" rendered="#{fila['ESTADO']=='T'}" />
					<h:outputText value="60%" rendered="#{fila['ESTADO']=='A'}" />
					<h:outputText value="80%" rendered="#{fila['ESTADO']=='P'}" />
					<h:outputText value="100%" rendered="#{fila['ESTADO']=='R'}" />
				</rich:column>
				<rich:column rowspan="1" styleClass="style#{fila['ESTADO']}">
					<f:facet name="header">
						<h:outputText value="Acciones" escape="false" />
					</f:facet>
					<a4j:commandButton styleClass="botonVer" value="ver"
						action="#{pedidosBean.consultarFilaSelected}"
						oncomplete="#{rich:component('panelDetallePedido')}.show()"
						render="ctlFilter,tablaResultPedidos,scrollPedidos,mensajePedido,obsView">
						<rich:tooltip mode="client" layout="block">
							<h:outputText value="Ver Detalle" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>


					<a4j:commandButton styleClass="botonEditar" value="editar"
						rendered="#{userSessionBean.permisos['VER_EDITAR_CANT_PEDIDO'] and  (fila['ESTADO']=='D' or fila['ESTADO']=='T') }"
						action="#{pedidosBean.consultarFilaSelected}"
						oncomplete="#{rich:component('panelDetallePedidoEditar')}.show()"
						render="mensajeEditarPedido,tablaResultEdit,scrollerEditar,mensajePedidoEdit,obsViewEdit">
						<rich:tooltip>
							<h:outputText value="Editar cantidades del pedido" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>


					<a4j:commandButton styleClass="botonTramitar" value="tramitar"
						rendered="#{userSessionBean.permisos['VER_TRAMITADO'] and fila['ESTADO']=='D'}"
						action="#{pedidosBean.asignarFila}"
						oncomplete="#{rich:component('panelTramitar')}.show()">
						<rich:tooltip>
							<h:outputText value="Tramitar el pedido" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>



					<a4j:commandButton styleClass="botonAutorizar" value="autorizar"
						rendered="#{userSessionBean.permisos['VER_AUTORIZADO'] and fila['ESTADO']=='T'}"
						action="#{pedidosBean.consultarFilaSelected}"
						oncomplete="#{rich:component('panelAutorizar')}.show()">
						<rich:tooltip>
							<h:outputText value="Autorizar el pedido" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>


					<a4j:commandButton styleClass="botonDespachar" value="despachar"
						rendered="#{userSessionBean.permisos['VER_DESPACHADO'] and fila['ESTADO']=='A' }"
						action="#{pedidosBean.consultarFilaSelected}"
						oncomplete="#{rich:component('panelDespachar')}.show()">
						<rich:tooltip>
							<h:outputText value="Despachar el pedido" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>


					<a4j:commandButton styleClass="botonRecibir" value="recibir"
						rendered="#{userSessionBean.permisos['VER_RECIBIDO'] and fila['ESTADO']=='P'}"
						action="#{pedidosBean.consultarFilaSelected}"
						oncomplete="#{rich:component('panelRecibir')}.show()">
						<rich:tooltip>
							<h:outputText value="Recibir el pedido" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>


					<a4j:commandButton styleClass="botonCancelar" value="anular"
						rendered="#{  userSessionBean.permisos['VER_CANCELADO'] and fila['ESTADO']!='C' }"
						action="#{pedidosBean.consultarFilaSelected}"
						oncomplete="#{rich:component('panelCancelar')}.show()">
						<rich:tooltip>
							<h:outputText value="Anular el pedido" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>



					<a4j:commandButton styleClass="botonSubirArchivos"
						value="pendienteCargar"
						rendered="#{userSessionBean.permisos['VER_CARGA_GUIAS_REMISIONES'] and ( fila['ESTADO']=='R' or fila['ESTADO']=='P' ) }"
						action="#{pedidosBean.consultarFilaSelected}"
						render="upload,info,numGuia,uploadDos,infoDos,numRemision"
						oncomplete="#{rich:component('panelSubirArchivos')}.show()">
						<rich:tooltip>
							<h:outputText value="Pendiente de Cargar" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>
					
					
					<a4j:commandButton styleClass="botonSeleccionar"
						value="verCarga"
						action="#{pedidosBean.consultarFilaSelected}"
						render="panelVerCargas"
						oncomplete="#{rich:component('panelVerCargas')}.show()">
						<rich:tooltip>
							<h:outputText value="Ver guía / remisión " escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>
					
					
					<a4j:commandButton styleClass="botonSubirBD"
						value="pendienteCargarBD"
						rendered="#{userSessionBean.permisos['VER_CARGAR_BASE_DE_DATOS'] and (fila['ESTADO']!='R') and (fila['ESTADO']!='C') and (fila['ESTADO']!='V') }"
						action="#{pedidosBean.consultarFilaSelected}"
						render="formSubirBD,uploadBD,numGuiaBD,botonDescarga"
						oncomplete="#{rich:component('panelSubirArchivosBD')}.show()">
						<rich:tooltip>
							<h:outputText value="Pendiente de Cargar Base de Datos" escape="false" />
						</rich:tooltip>
						<a4j:param value="#{varkey.index}"
							assignTo="#{pedidosBean.filaSelected}" />
					</a4j:commandButton>
					

				</rich:column>

			</rich:dataTable>
			<br />

			<div align="center">
				<rich:dataScroller id="paginadorResultados" for="tablaResultados" />
			</div>

			<h:panelGrid columns="7">
				<h:panelGroup>
					<div class="estadoDigitado">Digitado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoTramitado">Tramitado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoAutorizado">Autorizado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoDespachado">Despachado</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoRecibido">Recibido</div>
				</h:panelGroup>
				<h:panelGroup>
					<div class="estadoCancelado">Anulado</div>
				</h:panelGroup>
			</h:panelGrid>

			<rich:popupPanel modal="true" id="panelDetallePedido"
				autosized="true">
				<f:facet name="header">
					<h:panelGroup>
						<h:outputText value="Detalle del pedido"></h:outputText>
					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="../resources/img/close.png"
							styleClass="hidelink"
							onclick="#{rich:component('panelDetallePedido')}.hide()" />
					</h:panelGroup>
				</f:facet>
				<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
					<ui:include src="detallePedidoInclude.xhtml" />
				</h:panelGrid>
			</rich:popupPanel>
			
			
			
			<rich:popupPanel modal="true" id="panelDetallePedidoEditar"
				autosized="true">
				<f:facet name="header">
					<h:panelGroup>
						<h:outputText value="Editar el pedido"></h:outputText>
					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="../resources/img/close.png"
							styleClass="hidelink"
							onclick="#{rich:component('panelDetallePedidoEditar')}.hide()" />
					</h:panelGroup>
				</f:facet>
				<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
					<ui:include src="detallePedidoEditarInclude.xhtml" />
				</h:panelGrid>
			</rich:popupPanel>



			<rich:popupPanel modal="true" id="panelTramitar" autosized="true"
				width="350" height="190">
				<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Ventana de confirmación"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="../resources/img/close.png"
								styleClass="hidelink"
								onclick="#{rich:component('panelTramitar')}.hide()" />
						</h:panelGroup>
					</f:facet>
				<h:form>
				
				<div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>
					
					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0"
						style="width:100%">
						<h:panelGroup>
							<h:outputText value="¿Esta seguro que desea tramitar el pedido?"
								styleClass="textoConfirmacion" />
							<br />
							<br />
							<h:outputText value="Observaciones" styleClass="txtUnoVin" />
							<br />
							<h:inputTextarea id="obs" styleClass="cajaGrande"
								style="width:100%" value="#{pedidosBean.observacion}" />
							<br />
							<h:outputText value="(*) Las cantidades de los productos se toman solamente del pedido autorizado no de este campo de observaciones." styleClass="txtMsgRojoPequeno"/>	
							<br />
							
							<h:outputText value="(*) Las cantidades de los productos se toman solamente del pedido autorizado no de este campo de observaciones." styleClass="txtMsgRojoPequeno"/>
								
							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton execute="@this,tablaResultados,obs"
										styleClass="boton" value="aceptar"
										action="#{pedidosBean.tramitarPedido}"
										oncomplete="#{rich:component('panelTramitar')}.hide()"
										render="tablaResultados,paginadorResultados" />
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelTramitar')}.hide()" />
								</h:panelGrid>
							</div>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>


			<rich:popupPanel modal="true" id="panelAutorizar" autosized="true"
				width="350" height="190">
				<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Ventana de confirmación"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="../resources/img/close.png"
								styleClass="hidelink"
								onclick="#{rich:component('panelAutorizar')}.hide()" />
						</h:panelGroup>
					</f:facet>
				<h:form>
				
				<div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>
					
					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0"
						style="width:100%">
						<h:panelGroup>
							<h:outputText value="¿Esta seguro que desea autorizar el pedido?"
								styleClass="textoConfirmacion" />
							<br />
							<br />
							<h:outputText id="obs2" value="Observaciones"
								styleClass="txtUnoVin" />
							<br />
							<h:inputTextarea id="commentsDos" styleClass="cajaGrande" value="#{pedidosBean.observacion}"
								style="width:100%" />
							<br />
							<h:outputText value="(*) Las cantidades de los productos se toman solamente del pedido autorizado no de este campo de observaciones." styleClass="txtMsgRojoPequeno"/>	
							<br />
							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton execute="@this,tablaResultados,commentsDos"
										styleClass="boton" value="aceptar"
										action="#{pedidosBean.autorizarPedido}"
										oncomplete="#{rich:component('panelAutorizar')}.hide()"
										render="tablaResultados,paginadorResultados" />
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelAutorizar')}.hide()" />
								</h:panelGrid>
							</div>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>



			<rich:popupPanel modal="true" id="panelDespachar" autosized="true"
				width="350" height="250">
									<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Ventana de confirmación"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="../resources/img/close.png"
								styleClass="hidelink"
								onclick="#{rich:component('panelDespachar')}.hide()" />
						</h:panelGroup>
					</f:facet>
				<h:form>
				
				<div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>

					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0"
						style="width:100%">
						<h:panelGroup>
							<h:outputText value="¿Esta seguro que desea despachar el pedido?"
								styleClass="textoConfirmacion" />
							<br />
							<br />
							<h:outputText id="obs3" value="Observaciones"
								styleClass="txtUnoVin" />
							<br />
							<h:inputTextarea id="commentsTres" styleClass="cajaGrande" value="#{pedidosBean.observacion}"
								style="width:100%" />
							<br />
							<h:outputText value="(*) Las cantidades de los productos se toman solamente del pedido autorizado no de este campo de observaciones." styleClass="txtMsgRojoPequeno"/>	
							<br />
							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton execute="@this,tablaResultados,commentsTres"
										styleClass="boton" value="aceptar"
										action="#{pedidosBean.despacharPedido}"
										oncomplete="#{rich:component('panelDespachar')}.hide()"
										render="tablaResultados,paginadorResultados" />
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelDespachar')}.hide()" />
								</h:panelGrid>
							</div>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>


			<rich:popupPanel modal="true" id="panelRecibir" autosized="true"
				width="350" height="190">
				<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Ventana de confirmación"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="../resources/img/close.png"
								styleClass="hidelink"
								onclick="#{rich:component('panelRecibir')}.hide()" />
						</h:panelGroup>
					</f:facet>
				<h:form>
				
				    <div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>
					
					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0"
						style="width:100%">
						<h:panelGroup>
							<h:outputText value="¿Recibe usted a satisfacción el pedido?"
								styleClass="textoConfirmacion" />
							<br />
							<br />
							<h:outputText id="obs4" value="Observaciones"
								styleClass="txtUnoVin" />
							<br />
							<h:inputTextarea id="commentsCuatro" styleClass="cajaGrande" value="#{pedidosBean.observacion}"
								style="width:100%" />
							<br />
							<h:outputText value="(*) Las cantidades de los productos se toman solamente del pedido autorizado no de este campo de observaciones." styleClass="txtMsgRojoPequeno"/>	
							<br />	
							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton execute="@this,tablaResultados,commentsCuatro"
										styleClass="boton" value="aceptar"
										action="#{pedidosBean.recibirPedido}"
										oncomplete="#{rich:component('panelRecibir')}.hide()"
										render="tablaResultados,paginadorResultados" />
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelRecibir')}.hide()" />
								</h:panelGrid>
							</div>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>


			<rich:popupPanel modal="true" id="panelCancelar" autosized="true"
				width="350" height="190">
				<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Ventana de confirmación"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="../resources/img/close.png"
								styleClass="hidelink"
								onclick="#{rich:component('panelCancelar')}.hide()" />
						</h:panelGroup>
					</f:facet>
				<h:form>
				
				   <div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>
					
					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
						<h:panelGroup>
							<h:outputText value="¿Desea usted anular el pedido?"
								styleClass="textoConfirmacion" />
							<br />
							<br />
							<h:outputText id="obs5" value="Observaciones"
								styleClass="txtUnoVin" />
							<br />
							<h:inputTextarea id="commentsCinco" styleClass="cajaGrande" value="#{pedidosBean.observacion}"
								style="width:100%" />
							<br />
							<h:outputText value="(*) Las cantidades de los productos se toman solamente del pedido autorizado no de este campo de observaciones." styleClass="txtMsgRojoPequeno"/>	
							<br />	
							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton execute="@this,tablaResultados,commentsCinco"
										styleClass="boton" value="aceptar"
										action="#{pedidosBean.cancelarPedido}"
										oncomplete="#{rich:component('panelCancelar')}.hide()"
										render="tablaResultados,paginadorResultados" />
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelCancelar')}.hide()" />
								</h:panelGrid>
							</div>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>

			<rich:popupPanel modal="true" id="panelSubirArchivos"
				autosized="true" width="600" height="600">
				<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Ventana de confirmación"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="../resources/img/close.png"
								styleClass="hidelink"
								onclick="#{rich:component('panelSubirArchivos')}.hide()" />
						</h:panelGroup>
					</f:facet>
				<h:form id="formSubir">

					<div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>

					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
                        
						<h:panelGroup>
							<h:outputText value="Subir imagen de guía" styleClass="txtUnoVin" />
							<h:panelGroup>
								<h:panelGrid columns="2" columnClasses="top,top"
									styleClass="tablaGenerica">
									<rich:fileUpload
										fileUploadListener="#{pedidosBean.listenerGuia}" id="upload"
										acceptedTypes="jpg, gif, png, bmp"
										ontyperejected="alert('Únicamente son permitidos los formatos JPG, GIF, PNG y BMP');"
										maxFilesQuantity="1" addLabel="Agregar archivo"
										uploadLabel="Subir" clearAllLabel="Limpiar"
										deleteLabel="Eliminar" clearLabel="Limpiar"
										style="height:85px; width:300px">
										<a4j:ajax event="uploadcomplete" execute="@none" render="info" />
									</rich:fileUpload>

									<h:panelGroup id="info" layout="block">
										<rich:panel bodyClass="info">
											<f:facet name="header">
												<h:outputText value="Imágen" />
											</f:facet>
											<h:outputText value="#{ pedidosBean.urlGuia }" />

											<rich:panel bodyClass="rich-laguna-panel-no-header">
												<h:panelGrid columns="1">
													<h:graphicImage
														url="../resources/img/upload/#{pedidosBean.urlGuia}"
														library="img" width="90" height="40" />
												</h:panelGrid>
											</rich:panel>

										</rich:panel>

										<br />
										<h:outputText value="Número de guía" styleClass="txtUnoVin" />
										<br />
										<h:inputText id="numGuia" styleClass="cajaSimple"
											style="width:100%" value="#{pedidosBean.numeroGuia}" />
										<br />

									</h:panelGroup>

								</h:panelGrid>


							</h:panelGroup>
							<br />
							<br />
							<h:outputText value="Subir remisión" styleClass="txtUnoVin" />

							<h:panelGroup>
								<h:panelGrid columns="2" columnClasses="top,top"
									styleClass="tablaGenerica">
									<rich:fileUpload
										fileUploadListener="#{pedidosBean.listenerRemision}"
										id="uploadDos" acceptedTypes="jpg, gif, png, bmp"
										ontyperejected="alert('Únicamente son permitidos los formatos JPG, GIF, PNG y BMP');"
										maxFilesQuantity="1" addLabel="Agregar archivo"
										uploadLabel="Subir" clearAllLabel="Limpiar"
										deleteLabel="Eliminar" clearLabel="Limpiar"
										style="height:85px; width:300px">
										<a4j:ajax event="uploadcomplete" execute="@none"
											render="infoDos" />
									</rich:fileUpload>

									<h:panelGroup id="infoDos" layout="block">
										<rich:panel bodyClass="info">
											<f:facet name="header">
												<h:outputText value="Imágen" />
											</f:facet>
											<h:outputText value="#{pedidosBean.urlRemision}" />

											<rich:panel bodyClass="rich-laguna-panel-no-header">
												<h:panelGrid columns="1">
													<h:graphicImage
														url="../resources/img/upload/#{pedidosBean.urlRemision}"
														library="img" width="90" height="40" />
												</h:panelGrid>
											</rich:panel>

										</rich:panel>

										<br />
										<h:outputText value="Número de remisión"
											styleClass="txtUnoVin" />
										<br />
										<h:inputText id="numRemision" styleClass="cajaSimple"
											style="width:100%" value="#{pedidosBean.numeroRemision }" />
										<br />

									</h:panelGroup>

								</h:panelGrid>
							</h:panelGroup>

							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton
										execute="@this,tablaResultados,numRemision,numGuia"
										styleClass="boton" value="guardar"
										action="#{pedidosBean.subirArchivos}" 
										render="mensajeSubir"
										 />
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelSubirArchivos')}.hide()" />
										
								</h:panelGrid>
							</div>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>


			<rich:popupPanel modal="true" id="panelVerCargas" autosized="true">
			    <f:facet name="header">
						<h:panelGroup>
							<h:outputText value="Ventana de confirmación"></h:outputText>
						</h:panelGroup>
					</f:facet>
					<f:facet name="controls">
						<h:panelGroup>
							<h:graphicImage value="../resources/img/close.png"
								styleClass="hidelink"
								onclick="#{rich:component('panelVerCargas')}.hide()" />
						</h:panelGroup>
					</f:facet>
				<h:form>
				    <div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>
					
					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0"
						style="width:100%">
						<h:panelGroup>
							<h:outputText value="Información cargada en el sistema"
								styleClass="textoConfirmacion" />
							<br />
							<br />
							<rich:tabPanel switchType="client" immediate="true">

								<rich:tab
									header="Número de guía: #{pedidosBean.pedidoSelected.guia}">
									<h:graphicImage
										url="../resources/img/upload/#{pedidosBean.pedidoSelected.urlGuia}"
										library="img" />
								</rich:tab>

								<rich:tab
									header="Número de remisión: #{pedidosBean.pedidoSelected.remision}">
									<h:graphicImage
										url="../resources/img/upload/#{pedidosBean.pedidoSelected.urlRemision}"
										library="img" />
								</rich:tab>

							</rich:tabPanel>
							
							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelVerCargas')}.hide()" />
								</h:panelGrid>
							</div>
							
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>
			
			
			
			<rich:popupPanel modal="true" id="panelSubirArchivosBD"
				autosized="true" width="600" height="600">
				<f:facet name="header">
					<h:panelGroup>
						<h:outputText value="Ventana de confirmación"></h:outputText>
					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="../resources/img/close.png"
							styleClass="hidelink"
							onclick="#{rich:component('panelSubirArchivosBD')}.hide()" />
					</h:panelGroup>
				</f:facet>
				
				<h:form id="formSubirBD">

                    <div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>
				

					<h:panelGrid columns="1" cellspacing="5" cellpadding="0" border="0">
                        
						<h:panelGroup>
							<h:outputText value="Subir Archivo ZIP de la base de datos (por pedido)" styleClass="txtUnoVin" />
							<h:panelGroup>
								<h:panelGrid columns="2" columnClasses="top,top"
									styleClass="tablaGenerica">
									<rich:fileUpload
										fileUploadListener="#{pedidosBean.listenerBD}" id="uploadBD"
										acceptedTypes="zip"
										ontyperejected="alert('Únicamente es permitido el formato ZIP');"
										maxFilesQuantity="1" addLabel="Agregar archivo comprimido - ZIP"
										uploadLabel="Subir" clearAllLabel="Limpiar"
										deleteLabel="Eliminar" clearLabel="Limpiar"
										style="height:85px; width:300px">
										<a4j:ajax event="uploadcomplete" execute="@none" render="infoBD" />
									</rich:fileUpload>

									<br />
										<h:outputText value="Observaciones" styleClass="txtUnoVin" />
										<br />
										<h:inputTextarea id="numGuiaBD" styleClass="cajaGrande" value="#{pedidosBean.observacionBD}" style="width:100%" />	
										<br />
			                             <h:outputText rendered="#{pedidosBean.tieneBD}" value="Cargado el Archivo [ #{pedidosBean.urlBD} ]" styleClass="txtMsgRojo" />
										<br />
										<a4j:commandButton id="botonDescarga" rendered="#{pedidosBean.tieneBD}" immediate="true" value="Descargar Base de datos" styleClass="boton" style=" width : 150px;" action="#{pedidosBean.viajaDescargar}" oncomplete="javascript:window.open('#{pedidosBean.pathDescargaBD}','Descarga')" > </a4j:commandButton>

								</h:panelGrid>


							</h:panelGroup>
							<br />
							<br />

							<div align="right">
								<h:panelGrid columns="3">
									<a4j:commandButton
										execute="@this,tablaResultados,numGuiaBD"
										styleClass="boton" value="guardar"
										action="#{pedidosBean.subirArchivosBD}" 
										render="mensajeSubir,numGuiaBD"
										 />
									<a4j:commandButton styleClass="botonLimpiar" value="regresar"
										onclick="#{rich:component('panelSubirArchivosBD')}.hide()" />
										
								</h:panelGrid>
							</div>
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</rich:popupPanel>
			

		</h:form>

	</ui:define>
</ui:composition>
